<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>携程首页</title>
	<link rel="stylesheet" type="text/css" href="./lib/swiper-bundle.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
	<header>
		<div class="center">
			<div class="center_left">
				<span>让旅行更幸福</span>
				<span>Language</span>
				<span></span>
				<span>网站无障碍</span>
			</div>
			<div class="center_right">
				<ul>
					<li>
						<h4 id="come"><a href="javascript:;">欢迎! <span>xxx</span>登录</a></h4>
						<p id="log"><a href="javascript:;">您好，请登录</a></p>
					</li>
					<li>消息</li>
					<li>我的携程</li>
					<li>我的订单</li>
					<li>客服中心</li>
					<li></li>
				</ul>
			</div>
		</div>
	</header>
	
	<div class="logo center">
		<a href="./index.html"><img src="./imgs/logo.png" ></a>
		<div class="inp">
			<input type="text" name="" value="" placeholder="搜索旅行地/酒店/旅游/景点门票/交通" /><button type="button"></button>
		</div>
		<div class="number">
			<span>境内：95010</span>
			<span>(或)400-830-6666</span>
		</div>
	</div>
	
	<div class="banner">
		<div class="center">
			<ul>
				<li>首页</li>
				<li>酒店</li>
				<li>旅游</li>
				<li>跟团游</li>
				<li>自行游</li>
				<li>机票</li>
				<li>火车</li>
				<li>汽车.船</li>
				<li>用车</li>
				<li>门票</li>
				<li>攻略</li>
				<li>全球购</li>
				<li>礼品卡</li>
				<li>商旅</li>
				<li>邮轮</li>
				<li>目的地</li>
				<li>金融</li>
				<li>更多</li>
			</ul>
		</div>
	</div>
	
	<!-- 菜单栏 -->
	<div class="toplan center">
		<ul>
			<li>
				<a href="#javascript;">境外直通车</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">海外酒店</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">国际•港澳台机票</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">境外租车</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">国际/港台火车票</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">出境游</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">高端游</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">门票•活动</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">签证</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">保险</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">WiFi•电话卡</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">境外接送机</a>
			</li>
			<li>
				<i></i>
				<a href="#javascript;">外币兑换</a>
			</li>
		</ul>
		<!-- search -->
		<div class="search">
			<div id="tab">
				<ul>
					<li>酒店</li>
					<li>机票</li>
					<li>旅游</li>
					<li>跟团游</li>
					<li>火车</li>
				</ul>
			</div>
			<ol>
				<li>
					<div>
						<span>国内酒店</span><span>海外酒店</span>
					</div>
					<div><span>目的地</span><input type="text" value="上海"></div>
					<div><span>入住时间</span><input type="text" value="2022-01-17"><span>退房时间</span><input type="text" value="2022-01-18"></div>
					<div>
						<span class="home">房间数</span>
						<select name="">
							<option value="1">一间</option>
							<option value="2">二间</option>
							<option value="3">三间</option>
							<option value="4">四间</option>
							<option value="5">五间</option>
							<option value="6">六间</option>
							<option value="7">七间</option>
							<option value="8">八间</option>
							<option value="9">九间</option>
							<option value="10">十间</option>
						</select>
						<span class="person">住客数</span>
						<select name="">
							<option value="1">成人</option>
							<option value="2">儿童</option>
						</select>
					</div>
					<div>
						<span>酒店级别</span>
						<select name="">
							<option value="1">不限</option>
							<option value="2">五星级/豪华</option>
							<option value="2">四星级/高档</option>
							<option value="2">三星级/舒适</option>
							<option value="2">二星级以下/经济</option>
						</select>
						<span class="key">关键词</span>
						<input type="text" placeholder="(选填)酒店名/地标/商圈">
					</div>
					<div>
						<button type="button">搜索</button>
					</div>
				</li>
				<li>
					<div>
						<span>国内机票</span><span>国际•港澳台机票</span>
					</div>
					<div>
						<span>航程类型</span>
						<input type="radio" value="单程" checked>单程
						<input type="radio" value="往返">往返
						<input type="radio" value="多程（含缺口程）">多程（含缺口程）
					</div>
					<div>
						<span>出发城市</span><input type="text" placeholder="中文/拼音"><span>出发日期</span><input type="text" placeholder="yyyy-mm-dd">
					</div>
					<div>
						<span>到达城市</span><input type="text" placeholder="中文/拼音"><span>返回日期</span><input type="text" placeholder="yyyy-mm-dd">
					</div>
					<div>
						<span><input type="checkbox">带儿童</span>
						<span><input type="checkbox">带婴儿</span>
						<span>舱位等级</span>
						<select name="">
							<option value="1">经济舱</option>
							<option value="2">公务/头等舱</option>
						</select>
					</div>
					<div class="info">儿童婴儿预定说明</div>
					<div>
						<button type="button">搜索机票</button>
					</div>
				</li>
				<li>
					<div>
						<span>全部</span>
						<span>跟团游</span>
						<span>自由行</span>
						<span>周边游</span>
						<span>门票</span>
						<span>游轮</span>
					</div>
					<div></div>
				</li>
				<li>
					<div>
						<span>推荐</span>
						<span>周边跟团</span>
						<span>境内跟团</span>
						<span>出境跟团</span>
					</div>
					<div>
						<span>出发地</span><input type="text" value="上海"><span>目的地</span><input type="text" placeholder="中文/拼音"><button type="button">搜索</button>
					</div>
				</li>
				<li>
					<div>
						<span>国内火车票</span>
					</div>
					<div>
						<span>行程类型</span>
						<input type="radio" value="单程" checked>单程
						<input type="radio" value="往返">往返
						<input type="radio" value="中转">中转
					</div>
					<div>
						<span>出发站</span><input type="text" placeholder="中文/拼音/首字母"><span>出发日期</span><input type="text" placeholder="yyyy-mm-dd">
					</div>
					<div>
						<span>到达站</span><input type="text" placeholder="中文/拼音/首字母"><span>返回日期</span><input type="text" placeholder="yyyy-mm-dd">
					</div>
					<div>
						<button type="button">搜索</button>
					</div>
				</li>
			</ol>
		</div>
	</div>
	
	
	<!-- swiper -->
	<div class="swiper">
		<div class="swiper-wrapper">
			<div style="background: orange" class="swiper-slide"><img src="./imgs/sw1.jpg" ></div>
			<div style="background: skyblue" class="swiper-slide"><img src="./imgs/sw2.jpg" ></div>
			<div style="background: purple" class="swiper-slide"><img src="./imgs/sw3.jpg" ></div>
			<div style="background: purple" class="swiper-slide"><img src="./imgs/sw4.jpg" ></div>
			<div style="background: purple" class="swiper-slide"><img src="./imgs/sw5.jpg" ></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	
	<div class="card center">
		<ul>
			<li>热门</li>
			<li>周边游</li>
			<li>门票</li>
			<li>当地活动</li>
			<li>境内游</li>
			<li>主题游</li>
			<li>高端游</li>
			<li>出境游</li>
			<li>邮轮</li>
			<li>红色旅游</li>
		</ul>
		<div class="box">
			<ul>
				<li>境内</li>
				<li>日本</li>
				<li>东南亚</li>
				<li>欧洲</li>
				<li>美洲</li>
				<li>澳东中非</li>
			</ul>
			<div class="picture">
				<ol>
					<li>
						<img src="./imgs/city1.jpg" >
					</li>
					<li>
						<a href="./trip.html"><img src="./imgs/city2.jpg" ></a>
					</li>
					<li>
						<img src="./imgs/city3.jpg" >
					</li>
					<li>
						<img src="./imgs/city4.jpg" >
					</li>
					<li>
						<img src="./imgs/city5.jpg" >
					</li>
					<li>
						<img src="./imgs/city6.jpg" >
					</li>
					<li>
						<img src="./imgs/city7.jpg" >
					</li>
					<li>
						<img src="./imgs/city8.jpg" >
					</li>
				</ol>
				<div class="side">
					<img src="./imgs/day.jpg" >
				</div>
			</div>
		</div>
	</div>
	
	<!-- host -->
	<div class="host center">
		<ul>
			<li>国内酒店</li>
			<li>国外酒店</li>
		</ul>
		<div class="home">
			<div class="side">
				<h4>热门地标周边酒店</h4>
				<p>还没想好周末去哪玩？</p>
				<h4>促销</h4>
				<p>全国火车站周边酒店8折起</p>
				<p>全国机场周边酒店8折起</p>
				<p>百城千店 优选酒店80元起</p>
			</div>
			<div class="picture">
				<ul>
					<li>北京</li>
					<li>广州</li>
					<li>成都</li>
					<li>深圳</li>
					<li>杭州</li>
				</ul>
				<ol id="host">
					<!-- <li>
						<img src="./imgs/host1.jpg" >
						<p>北京贝尔特酒店<img class="brand" src="./imgs/brand.jpg">
						<img class="star" src="./imgs/star1.jpg" >
						</p>
						<p>前门/天坛公园/崇文门 <span><sup>￥</sup><span class="num">500</span>起</span></p>
					</li> -->
				</ol>
			</div>
		</div>
	</div>
	
	<!-- price -->
	<div class="price center">
		<ul>
			<li>国内特价机票</li>
			<li>国际•港澳台特价机票</li>
		</ul>
		<div class="box">
			<ul>
				<li>国内热门</li>
				<li>华南/西南</li>
				<li>华中/华北</li>
				<li>西北/东北</li>
				<li>更多国内特价机票></li>
			</ul>
			<ol id="ticket">
				<!-- <li>
					<p>上海<img src="./imgs/srow.jpg" >青岛</p>
					<h6>2月01日</h6>
					<p>
						<span><sup>￥</sup><span class="num">124</span>起</span>
						<span class="btn">立抢</span>
					</p>
				</li> -->
			</ol>
		</div>
	</div>
	
	<!-- car -->
	<div class="car center">
		<ul>
			<li>国内租车</li>
			<li>国内接送机</li>
			<li>日租包车</li>
			<li>境外租车</li>
			<li>境外接送机</li>
		</ul>
		<div class="box">
			<div class="side">
				<dt>热门城市</p>
				<dd>
					<span>三亚</span>
					<span>成都</span>
					<span>海口</span>
					<span>西安</span>
					<span>重庆</span>
					<span>深圳</span>
					<span>北京</span>
					<span>杭州</span>
					<span>贵阳</span>
					<span>厦门</span>
					<span>丽江</span>
					<span>大理</span>
					<span>西宁</span>
					<span>青岛</span>
					<span>长沙</span>
					<span>武汉</span>
					<span>南京</span>
				</dd>
			</div>
			<div class="picture">
				<ul>
					<li>三亚</li>
					<li>上海</li>
					<li>北京</li>
					<li>海口</li>
					<li>成都</li>
					<li>西安</li>
					<li>重庆</li>
					<li>更多</li>
					<li>更多国内租车></li>
				</ul>
				<ol id="car">
					<!-- <li>
						<img src="./imgs/car1.jpg" >
						<p>别克明朗</p>
						<p>
							<span><sup>￥</sup><span class="num">28</span>起</span>
						</p>
					</li> -->
				</ol>
			</div>
		</div>
	</div>
	
	<!-- active -->
	<div class="active center">
		<ul>
			<li>当地活动 • 境内</li>
			<li>当地活动 • 出境</li>
		</ul>
		<div class="box">
			<div class="side">
				<dt>热门 目的地</p>
				<dd>
					<span>北京</span>
					<span>上海</span>
					<span>成都</span>
					<span>三亚</span>
					<span>西安</span>
					<span>厦门</span>
					<span>重庆</span>
					<span>杭州</span>
					<span>广州</span>
					<span>哈尔滨</span>
					<span>苏州</span>
					<span>南京</span>
				</dd>
			</div>
			<div class="picture">
				<ul id="pic_ul">
					<!-- <li>一日游</li> -->
				</ul>
				<ol id="pic_ol">
					<!-- <li></li> -->
				</ol>
			</div>
		</div>
	</div>
	
	<!-- global -->
	<div class="global center">
		<ul>
			<li>全球购</li>
		</ul>
		<div class="box">
			<div class="side">
				<dt>热门目的地</p>
				<dd>
					<span>澳门</span>
					<span>日本</span>
					<span>海南</span>
					<span>法国</span>
					<span>阿联酋</span>
					<span>英国</span>
					<span>意大利</span>
					<span>香港</span>
					<span>新加坡</span>
					<span>西班牙</span>
					<span>韩国</span>
					<span>泰国</span>
					<span>德国</span>
					<span>俄罗斯</span>
					<span>美国</span>
				</dd>
			</div>
			<div class="picture">
				<ul>
					<li>热门商户</li>
					<li>新店首选</li>
					<li>奢品大牌</li>
					<li>口碑推荐</li>
					<li>综合商场</li>
					<li>更多全球名店></li>
				</ul>
				<ol id="global">
					<!-- <li>
						<img src="./imgs/g1.jpg" >
						<p>伦敦比斯特购物村 Bicester Village</p>
						<p>英国 • 伦敦
							<span><span class="sell">促销</span><span class="num">返现</span></span>
						</p>
					</li> -->
				</ol>
			</div>
		</div>
	</div>
	
	
	<!-- shop -->
	<div class="shop center">
		<ul>
			<li>旅游旗舰店</li>
		</ul>
		<div class="picture">
			<ul>
				<li>精选</li>
			</ul>
			<ol id="shop_ol">
				<!-- <li>
					<img src="./imgs/shop1.jpg" >
					<div class="back">
						<p>以色列国家旅游体验馆</p>
						<p>
							<span>一面蔚蓝，一面神秘，应许之地与海滨</span>
						</p>
					</div>
				</li> -->
			</ol>
		</div>
	</div>

	<!-- server -->
	<div class="server center">
		<ul>
			<li>旅行服务</li>
		</ul>
		<ol>
			<li>
				<div class="up">
					<img src="./imgs/serve1.jpg" >
					<div>
						<h4>出境WiFi</h4>
						<p>全球出境WiFi租赁</p>
						<p>流量不限、多人共享、携带便捷、低价信号强</p>
					</div>
				</div>
				<div class="down">
					<span><img src="./imgs/s1.jpg" >日本</span>
					<span><img src="./imgs/s1.jpg" >韩国</span>
					<span><img src="./imgs/s1.jpg" >欧洲通用</span>
					<span><img src="./imgs/s1.jpg" >更多</span>
				</div>
			</li>
			<li>
				<div class="up">
					<img src="./imgs/serve2.jpg" >
					<div>
						<h4>签证</h4>
						<p>在材料制作完成前均可申请订单全额退款</p>
						<p>服务优质，方便快捷，诚信可靠，出签率高</p>
					</div>
				</div>
				<div class="down">
					<span><img src="./imgs/s2.jpg" >日本</span>
					<span><img src="./imgs/s3.jpg" >韩国</span>
					<span><img src="./imgs/s4.jpg" >美国</span>
					<span><img src="./imgs/s5.jpg" >澳大利亚</span>
				</div>
			</li>
			<li>
				<div class="up">
					<img src="./imgs/serve3.jpg" >
					<div>
						<h4>保险</h4>
						<p>携程保险，安心随行</p>
						<p>旅游定制、极速出保、便捷理赔</p>
					</div>
				</div>
				<div class="down">
					<span><img src="./imgs/s6.jpg" >【申根之王】</span>
					<span><img src="./imgs/s6.jpg" >【亚洲优选】</span>
					<span><img src="./imgs/s6.jpg" >【境内畅游】</span>
				</div>
			</li>
		</ol>
	</div>
	
	<!-- shang -->
	<div class="shang center">
		<ul>
			<li>企业商旅</li>
		</ul>
		<ol id="shang_ol">
			<!-- <li>
				<img src="./imgs/shang1.jpg" >
				<div>
					<h4>差旅预订管理</h4>
					<p>海量差旅产品，全流程服务，智能管控，助力企业差旅降本提效！</p>
				</div>
			</li> -->
		</ol>
	</div>
	
	
	<!-- friend -->
	<div class="friend center">
		<div class="partner">
			<span>合作伙伴</span>
			<ul>
				<li>
					<div></div>
				</li>
				<li><div></div></li>
				<li><div></div></li>
				<li><div></div></li>
				<li><div></div></li>
				<li><div></div></li>
			</ul>
		</div>
		<div class="indices-nav">
			<dl>
				<dt>携程导航</dt>
				<dd>酒店预订</dd>
				<dd>海外酒店</dd>
				<dd>特价机票</dd>
				<dd>国际机票</dd>
				<dd>旅游线路</dd>
				<dd>景点门票</dd>
				<dd>旅游攻略</dd>
				<dd>火车票</dd>
				<dd>酒店团购</dd>
				<dd>邮轮</dd>
				<dd>周末游</dd>
				<dd>签证</dd>
				<dt></dt>
				<dd>租车</dd>
				<dd>目的地榜单</dd>
				<dd>欧铁通票</dd>
				<dd>自由行</dd>
				<dd>会议旅游</dd>
				<dd>客栈民宿</dd>
				<dd>礼品卡</dd>
				<dd>团队游</dd>
				<dd>企业商旅</dd>
				<dd>查看全部</dd>
			</dl>
		</div>
		<div class="indices-hot">
			<dl id="hot1"></dl>
		</div>
		<div class="indices-hot">
			<dl id="hot2"></dl>
		</div>
		<div class="indices-hot">
			<dl id="hot3"></dl>
		</div>
		<div class="indices-hot">
			<dl id="hot4"></dl>
		</div>
		<div class="indices-hot">
			<dl id="hot5"></dl>
		</div>
	</div>
	
	<!-- footer -->
	<footer>
		<div class="center">
			<div class="select">
				<div class="model card1">
					<h4>为什么选择携程</h4>
					<div class="block">
						<img src="./imgs/select1.jpg" >
						<div class="txt">
							<h4>放心的服务</h4>
							<p>领先的服务标准 独创的保障体系</p>
						</div>
					</div>
					<div class="block">
						<img src="./imgs/select2.jpg" >
						<div class="txt">
							<h4 class="word">放心的价格</h4>
							<p>具竞争力的价格 无任何隐形费用</p>
						</div>
					</div>
				</div>
				<div class="model card2">
					<dl>
						<dt>旅游资讯</dt>
						<dt></dt>
						<dd>宾馆索引</dd>
						<dd>攻略索引</dd>
						<dd>机票索引</dd>
						<dd>网站导航</dd>
						<dd>旅游索引</dd>
						<dd>火车票索引</dd>
						<dd>邮轮索引</dd>
						<dd>企业差旅索引</dd>
						<dd>用车索引</dd>
					</dl>
				</div>
				<div class="model card2">
					<dl>
						<dt>加盟合作</dt>
						<dt></dt>
						<dd>分销联盟</dd>
						<dd>友情链接</dd>
						<dd>企业礼品卡采购</dd>
						<dd>保险代理</dd>
						<dd>代理合作</dd>
						<dd>酒店加盟</dd>
						<dd>目的地及景区合作</dd>
						<dd>智慧旅游</dd>
						<dd>更多加盟合作</dd>
					</dl>
				</div>
				<div class="model card2">
					<dl>
						<dt>关于携程</dt>
						<dt></dt>
						<dd>关于携程</dd>
						<dd>携程热点</dd>
						<dd>联系我们</dd>
						<dd>诚聘英才</dd>
						<dd>企业公民</dd>
						<dd>用户协议</dd>
						<dd>隐私政策</dd>
						<dd>营业执照</dd>
						<dd>安全中心</dd>
						<dd>携程内容中心</dd>
						<dd>知识产权</dd>
						<dd>Group.trip.com</dd>
					</dl>
				</div>
				<div class="model card3">
					<p>微信公众号</p>
					<img src="./imgs/wechat_new.jpg" >
					<p>扫一扫</p>
					<p>了解爆款旅行好货</p>
				</div>
			</div>
			
			<div class="inform">
				<p>Copyright©1999-2022, ctrip.com. All rights reserved. | ICP证：沪B2-20050130 | 沪ICP备08023580号</p>
				<p>沪公网备31010502002731号丨互联网药品信息服务资格证丨旅游度假资质</p>
				<p>违法和不良信息举报电话021-22500846丨全国旅游投诉热线12301丨上海市旅游网站落实诚信建设主体责任承诺书</p>
				<p class="pic">
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</p>
			</div>
		</div>
	</footer>
</body>
</html>
<script src="./lib/swiper-bundle.min.js"></script>
<script type="text/javascript">
	var mySwiper = new Swiper ('.swiper', {
	  //direction: 'vertical', // 垂直切换选项
	  loop: true, // 循环模式选项
	  autoplay: true,
	  // 如果需要分页器
	  pagination: {
	    el: '.swiper-pagination',
			clickable: true,
		}
	})  
</script>
<script src="./lib/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script type="text/javascript">
	$('ul > li').click(function() {
		$(this).addClass('active').siblings().removeClass('active');
		$('ol > li').removeClass('active').eq($(this).index()).addClass('active');
	})

	var username = getCookie('username')
    if(username != "") {
		$('#come').css('display','block');
		$('#log').css('display','none');
        $('#come > a > span').html(username);
    } else {
		$('#come').css('display','none');
		$('#log').css('display','block');
    }
    $('#log > a').on('click',function() {
		location.href = 'login.html';
	})
	$('#come > a').on('click',function() {
		location.href = 'myhome.html';
	})

	$(function () {
		getData()
	})
	function getData() {
		$.get('./php/getGoodsList.php',
		{"typeId":"001"},function(data) {
			let arr = JSON.parse(data);
			let str ='';
			arr.forEach((item,index) => {
				str += 
				`<li goodsid="${item.goodsId}">
					<img src="${item.goodsImg}" >
					<p>${item.goodsName}<img class="brand" src="./imgs/brand.jpg">
					<img class="star" src="./imgs/star1.jpg" >
					</p>
					<p>${item.goodsDesc}<span><sup>￥</sup><span class="num">${item.goodsPrice}</span>起</span></p>
				</li>`
			});
			$('#host').html(str)
		})

		$.get('./php/getGoodsList.php',
		{"typeId":"002"},function(data) {
			let arr = JSON.parse(data);
			let str ='';
			arr.forEach((item,index) => {
				str += 
				`<li>
					<p>${item.goodsName}<img src="./imgs/srow.jpg" >${item.goodsDesc}</p>
					<h6>${item.beiyong1}</h6>
					<p>
						<span><sup>￥</sup><span class="num">${item.goodsPrice}</span>起</span>
						<span class="btn">立抢</span>
					</p>
				</li>`
			});
			$('#ticket').html(str)
		})

		$.get('./php/getGoodsList.php',
		{"typeId":"003"},function(data) {
			let arr = JSON.parse(data);
			let str ='';
			arr.forEach((item,index) => {
				str += `
				<li>
					<img src="${item.goodsImg}" >
					<p>${item.goodsName}</p>
					<p>
						<span><sup>￥</sup><span class="num">${item.goodsPrice}</span>起</span>
					</p>
				</li>
				`
			});
			$('#car').html(str)
		})

		$.get('./php/getGoodsList.php',
		{"typeId":"004"},function(data) {
			let arr = JSON.parse(data);
			let str1 ='';
			let str2 ='';
			arr.forEach((item,index) => {
				str1 += `<li>${item.goodsDesc}</li>`;
				str2 += `
				<li>
					<img src="${item.goodsImg}" >
					<p>${item.goodsName}</p>
					<p>北京
						<span><sup>￥</sup><span class="num">${item.goodsPrice}</span>起</span>
					</p>
				</li>
				`
			});
			$('#pic_ul').html(str1)
			$('#pic_ol').html(str2)
		})
		$.get('./php/getGoodsList.php',
		{"typeId":"005"},function(data) {
			let arr = JSON.parse(data);
			let str ='';
			arr.forEach((item,index) => {
				str += `
				<li>
					<img src="${item.goodsImg}" >
					<p>${item.goodsName}</p>
					<p>${item.goodsDesc}
						<span><span class="sell">${item.beiyong1}</span></span>
					</p>
				</li>
				`
			});
			$('#global').html(str)
		})
		$.get('./php/getGoodsList.php',
		{"typeId":"006"},function(data) {
			let arr = JSON.parse(data);
			console.log(arr);
			let str ='';
			arr.forEach((item,index) => {
				str += `
				<li>
					<img src="${item.goodsImg}" >
					<div class="back">
						<p>${item.goodsName}</p>
						<p>
							<span>${item.goodsDesc}</span>
						</p>
					</div>
				</li>`
			});
			$('#shop_ol').html(str)
		})
		$.get('./php/getGoodsList.php',
		{"typeId":"006"},function(data) {
			let arr = JSON.parse(data);
			console.log(arr);
			let str ='';
			arr.forEach((item,index) => {
				str += `
				<li>
					<img src="${item.goodsImg}" >
					<div class="back">
						<p>${item.goodsName}</p>
						<p>
							<span>${item.goodsDesc}</span>
						</p>
					</div>
				</li>`
			});
			$('#shop_ol').html(str)
		})
		$.get('./php/getGoodsList.php',
		{"typeId":"008"},function(data) {
			let arr = JSON.parse(data);
			console.log(arr);
			let str ='';
			arr.forEach((item,index) => {
				str += `
				<li>
					<img src="${item.goodsImg}" >
					<div>
						<h4>${item.goodsName}</h4>
						<p>${item.goodsDesc}</p>
					</div>
				</li>
				`
			});
			$('#shang_ol').html(str)
		})
		$.get('./php/getGoodsList.php',
		{"typeId":"009"},function(data) {
			let arr = JSON.parse(data);
			console.log(arr);
			let str1 = str2 = str3 = str4 = str5 = '';
			arr.forEach((item,index) => {
				str1 += `<dd>${item.beiyong1}</dd>`
				str2 += `<dd>${item.beiyong2}</dd>`
				str3 += `<dd>${item.beiyong3}</dd>`
				str4 += `<dd>${item.beiyong4}</dd>`
				str5 += `<dd>${item.beiyong5}</dd>`
			});
			$('#hot1').html(str1)
			$('#hot2').html(str2)
			$('#hot3').html(str3)
			$('#hot4').html(str4)
			$('#hot5').html(str5)
		})
	}
	
	$('#host').on('click','li', function(e){
		if(e.target.nodeName == 'LI') {
			console.log(e.target.getAttribute('goodsid'));
			let id = e.target.getAttribute('goodsid');
			location.href = './detail.html?goodsid=' + id;
		}
	})
</script>


